<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>标题</title>
	<style type="text/css">
		.a1{
			font-size: 36px;
			}
			.a2{
				text-decoration: overline;
			}
			.a3{
				text-decoration:underline;
			}
			.a4{
				text-align:center;
			}
			.a4_text{
　　display:inline-block;
　　width:500px
}
			
		h1 {
	color: #00F;
}
p {
	font-size: 24px;
	font-weight: lighter;
	font-family: "Lucida Console", Monaco, monospace;
	font-style: oblique;
	font-variant: normal;
	text-transform: lowercase;
	color: #099;
}
    span{
			color:red;}

</style></head>


<body>
<p>title 标题</p>
<p>meta 字符编码</p>
<p>style 放样式</p>
<p>body 页面内容</p>
<p>div标签</p>
<p>p标签</p>
<p>background 背景</p>
<span>color文字颜色</span>
<p><span class="a1">font-size 字体大小</span></p>
<p><span class="a4">center居中</span></p>
<p>left左对齐</p>
<p>right右对齐</p>
<p>font-size:X pt文字大小</p>
<p>line-height:x% 设置行高</p>
<p>br换行</p>
<p>img src图片地址</p>
<p>width图片宽度</p>
<p>height图片高度</p>
<p>table表格</p>
<p>boeder边框大小</p>
<p><span class="a2">over-line上划线 </span></p>
<p><span class="a3">text-decoration下划线</span></p>
<p>none无</p>
<p>through穿过</p>
<p> size尺寸</p>
<p>font-family 字体</p>
<p>text-transform 字母大小写转换 </p>
<p>style风格</p>
<p>oblique 倾斜</p>
<p>&nbsp; 空格</p>
<h1>h1标签<h1>
</body>
</html>